<template>
  <div class="home">
    <h2>setUp</h2>
    <p>setup 函数是一个新的组件选项。作为在组件内使用 Composition API 的入口点。</p>
    <h3>调用时机</h3>
    <hr>
    <p>{{ count }}</p>
    <p>{{ object.foo }}</p>
  </div>
</template>

<script>
import { ref, reactive } from 'vue'
export default {
  name: 'Home',
  setup () {
    const count = ref(0)
    const object = reactive({ foo: 'bar' })

    // 暴露给模板
    return {
      count,
      object
    }
  }
}
</script>
